<!-- 219970838杨彪 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>web页面广告</title>
    <link href="./index.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<style>
		.main {
		    margin: 0 auto;
		    width: 1000px;
		    height: 5000px;
		    position: relative;
		}
		.content {
		    margin: 0 auto;
		    width: 800px;
		    height: 5000px;
		    background:#000000;
		}
		/* 左边广告 */
		#y {
		    position: absolute;
		    left: -400px;
		    top: 10px;
		    width: 5px;
		    height: 10px;
		}
		#a1 {
		    width: 10px;
		    height: 20px;
		}
		.a2 {
		    position: relative;
		    width:15px;
		    height: 25px;
		}
		
		/* 右边广告 */
		#y2 {
		    position: absolute;
		    right: -200px;
		    top: 10px;
		    width: 205px;
		    height: 310px;
		}
		#b1 {
		    width: 205px;
		    height: 310px;
		}
		.b2 {
		    width: 205px;
		    height: 310px;
		}
		
		/* 弹出广告 */
		#y3 {
		    width: 500px;
		    height: 560px;
		    position: fixed;
		    right: 0;
		    bottom: -700px;
		    transition: bottom 1s ease-in-out;
		}
		#gg3.show {
		    bottom: 0;
		}
		#c1 {
		    width: 320px;
		    height: 180px;
		}
		
		.c2 {
		    width: 205px;
		    height: 310px;
		}
		
		
		/* 关闭 */
		.gt1 {
		    position: absolute;
		    left: 0;
		    top: 0;
		    background: #fff;
		    border: 1px solid black;
		    padding: 1px 4px;
		    font-size: 4px;
		    cursor: pointer;
		}
		
		.gt2 {
		    position: absolute;
		    left: 16px;
		    top: 0;
		    background: #fff;
		    border: 1px solid black;
		    padding: 1px 2px;
		    font-size: 4px;
		    cursor: pointer;
		}
	</style>
    <!-- 主体部分 -->
    <div class="main">
        <div class="content">
        </div>
        <!-- 左对联广告 -->
        <div id="y">
            <div class="a1">
                <a href="https://www.bilibili.com/">
                    <img id="a2" src="./img/26.jpg">
                    <a class="gt1" onclick="gtie1()">X</a>
                    <a class="gt2" onclick="gtie1()">关闭</a>
                </a>
            </div>
        </div>
        <!-- 右对联广告 -->
        <div id="y2">
            <div class="b1">
                <a href="https://game.ali213.net/">
                    <img id="b2" src="./img/29.jpg">
                    <a class="gt1" onclick="gtie2()">X</a>
                    <a class="gt2" onclick="gtie2()">关闭</a>
                </a>
            </div>
        </div>
        <!-- 弹窗广告 -->
        <div id="y3">
            <div class="c1">
                <a
                    href="https://masiro.me/admin">
                    <img id="c2" src="./img/44.png">
                    <a class="gt1" onclick="gtie3()">X</a>
                    <a class="gt2" onclick="gtie3()">关闭</a>
                </a>
            </div>
        </div>
        <script src="index.js">
			
		</script>
</body>
</html> 